<template>
    <div>
        <Button @click="back">返回</Button>
        <wl-excel-import
                :interface-url="'/api/ac/jcar/excelService/saveOilcardhandling'"
                :template-url="'http://house-manager.oss-cn-qingdao.aliyuncs.com/fuel-card/%E5%8A%9E%E5%8D%A1%E6%83%85%E5%86%B5%E5%AF%BC%E5%85%A5%E6%A8%A1%E6%9D%BF.xlsx'"
                :handle-data="handleData"
                :validate-data="validateData"
                :delRowCount="2"
                :fail-column="failColumn"
                :header-field="headerField"
        ></wl-excel-import>
    </div>
</template>

<script>

export default {

  name: 'excel',

  data () {
    return {
      failColumn: [
        {
          title: '所属单位',
          key: 'company'
        },
        {
          title: '加油卡号',
          key: 'card_num'
        },
        {
          title: '保管人',
          key: 'operator'
        },
        {
          title: '办卡石油公司',
          key: 'oil_companies'
        },
        {
          title: '是否一车一卡',
          key: 'one_card'
        },
        // {
        //   title: '开卡时间',
        //   key: 'card_time'
        // },
        // {
        //   title: '联系方式',
        //   key: 'phone'
        // },
        {
          title: '油卡类型',
          key: 'card_type'
        },
        {
          title: '备注',
          key: 'remarks'
        }
      ],
      headerField: [
        { title: '所属单位', field: 'company', minWidth: 300 },
        { title: '加油卡号', field: 'card_num', minWidth: 300 }
      ]
    }
  },

  props: {

  },

  components: {

  },

  computed: {

  },

  methods: {
    async init () {

    },
    handleData (item) {
      // item.batch_number = item.batch_number.toString()
      item.one_card = item.one_card.toString().trim()
      if (item.one_card === '是') {
        item.one_card = 0
      } else if (item.one_card === '否') {
        item.one_card = 1
      }
    },
    validateData (item, error, tName) {
      // 校验所属单位
      if (!item.company) {
        item.company = ' （所属单位不能为空）'
        item.cellClassName.company = tName
        error = true
        this.$Message.error('所属单位不能为空')
      }
      // 校验加油卡号
      if (!item.card_num) {
        item.card_num = ' （加油卡号不能为空）'
        item.cellClassName.card_num = tName
        error = true
        this.$Message.error('加油卡号不能为空')
      }
      // 校验保管人
      if (!item.operator) {
        item.operator = ' （经手人不能为空）'
        item.cellClassName.operator = tName
        error = true
        this.$Message.error('经手人不能为空')
      }
      // 校验办卡石油公司
      if (!item.oil_companies) {
        item.oil_companies = ' （办卡石油公司不能为空）'
        item.cellClassName.oil_companies = tName
        error = true
        this.$Message.error('办卡石油公司不能为空')
      }
      // 校验是否一车一卡
      if (item.one_card === undefined || item.one_card === '') {
        item.one_card = ' （是否一车一卡不能为空）'
        item.cellClassName.one_card = tName
        error = true
        this.$Message.error('是否一车一卡不能为空')
      }
      // // 校验开卡时间
      // if (!item.card_time) {
      //   item.card_time = ' （开卡时间不能为空）'
      //   item.cellClassName.card_time = tName
      //   error = true
      //   this.$Message.error('开卡时间不能为空')
      // }
      // // 校验联系方式
      // if (item.phone && item.phone.length > 20) {
      //   item.phone = item.phone + ' （联系电话长度大于20个字符）'
      //   item.cellClassName.phone = tName
      //   error = true
      //   this.$Message.error('联系电话不能为空')
      // }
      // 校验油卡类型
      if (!item.card_type) {
        item.card_type = ' （油卡类型不能为空）'
        item.cellClassName.card_type = tName
        error = true
        this.$Message.error('油卡类型不能为空')
      }
      return error
    },
    back () {
      this.$router.push({
        name: 'card-status'
      })
    }
  },

  watch: {

  },

  mounted () {
    this.init()
  }

}
</script>

<style scoped>

</style>
